<style>
    .ucloud-content {
        padding: 20px;
    }
    .ucloud-content .row .col-sm-12 {
        line-height: 32px;
    }
    .ucloud-content .row .col-sm-12 .btn-area {
        width: 110px;
    }
    .ucloud-content .row .col-sm-12 .btn-send {
        float: right;
    }
    .matrix-lable-left {
        text-align-last: left
    }
</style>
<div class="wrapper-md ucloud-content">
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;域：</label>
                <div class="col-sm-4">
                    <div class="btn-group">
                        <label class="btn btn-sm btn-default btn-area" ng-model="info.sltAreaName" ng-repeat="area in info.areaList" btn-radio="'{{area.areaName}}'" ng-click="switchArea(area)"><i class="fa fa-check text-active"></i> {{area.crtname}}</label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">类&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;型：</label>
                <div class="col-sm-4">
                    <div class="col-sm-6">
                        <div class="radio">
                            <label class="i-checks">
                                <input type="radio" name="a" value="msg" ng-click="clickRadio('msg')" checked>
                                <i></i>消息
                            </label>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="radio">
                            <label class="i-checks">
                                <input type="radio" name="a" value="event" ng-click="clickRadio('event')">
                                <i></i>事件
                            </label>
                        </div>
                    </div>     
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">消息应用：</label>
                <div class="col-sm-4">
                    <m-ui-select prompt="请选择应用..."
                                 itme-list="info.appList"
                                 selected-item="info.sltAppItem"
                                 select-item-fun="selectAppFun(item)">
                    </m-ui-select>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">消息队列：</label>
                <div class="col-sm-4">
                    <m-ui-select prompt="请选择队列..."
                                 itme-list="info.queueList"
                                 selected-item="info.sltQueueItem"
                                 select-item-fun="selectQueueFun(item)">
                    </m-ui-select>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="form-group matrix-lable-left">
                <label class="col-sm-1 control-label">消息结果：</label>
            </div>
            <div class="col-sm-8">
                <tabset>
                    <tab ng-repeat="tab in info.tabList"
                         heading="{{tab.name}}"
                         ng-click="tabClick(tab)">
                    </tab>
                    <button class="btn btn-xs btn-success btn-send" ng-click="sendClick()">发送消息</button>
                </tabset>
                <div class="jsonView">
                    <json child="info.jsonData"
                          default-collapsed="false"
                          change-keys=""
                          custom-types=""
                          type="object">
                    </json>
                </div>
            </div>
        </div>
    </div>
</div>
